<!DOCTYPE html>
<html lang="zh-CN" ng-app="myanguler">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css">
	<title>angularjs example</title>
</head>
<body>
	<div class="container">
		 <div class="panel panel-primary">
		 	<div class="panel-heading">
		 		<div class="panel-title">双向数据绑定</div>
		 	</div>
		 	<div class="panel-body">
		 		<div class="row">
		 			<form class="from-horizontal" role="form" ng-controller="mycontroller">
		 				<div class="form-group clearfix">
		 					<label class="col-md-2 control-label text-right">邮箱：</label>
		 					<div class="col-md-10"><input type="email" placeholder="请使用163邮箱" class="form-control" ng-model="userinfo.email"></div>
		 				</div>
		 				<div class="form-group clearfix">
		 					<label class="col-md-2 control-label text-right">密码：</label>
		 					<div class="col-md-10"><input type="password" placeholder="密码包含下划线、字母、数字" class="form-control" ng-model="userinfo.password"></div>
		 				</div>
		 				<div class="form-groud clearfix">
		 					<div class="col-md-offset-2 col-md-10">
		 						<div class="checkbox">
		 							<label><input type="checkbox" ng-model="userinfo.autoLogin">记住密码</label>
		 						</div>
		 					</div>
		 				</div>
		 				<div class="from-groud clearfix">
		 					<div class="col-md-offset-2 col-md-10">
		 						<button class="btn btn-primary" ng-click="getuserinfo()">打印用户</button>
		 						<button class="btn btn-primary" ng-click="setuserinfo()">修改用户</button>
		 						<button class="btn btn-primary" ng-click="resetuserinfo()">重置用户</button>
		 					</div>
		 				</div>
		 			</form>
		 		</div>
		 	</div>
		 </div>
	</div>
	<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
   <script src="../script/controller.js"></script>
</body>
</html>